Redesign DarkMoon website to dark theme by BlockChainCodeMaster1 · Pull Request #1 · BlockChainCodeMaster1/nofx

BlockChainCodeMaster1 · 2025-11-22T17:05:48Z

Pull Request | PR 提交

📋 选择专用模板 | Choose Specialized Template

我们现在提供了针对不同类型PR的专用模板，帮助你更快速地填写PR信息：
We now offer specialized templates for different types of PRs to help you fill out the information faster:

🔧 Backend PR Template | 后端PR模板 - For Go/API/Trading changes

🎨 Frontend PR Template | 前端PR模板 - For UI/UX changes

📝 Documentation PR Template | 文档PR模板 - For documentation updates

📦 General PR Template | 通用PR模板 - For mixed or other changes

如何使用？| How to use?

创建PR时，在URL中添加 ?template=backend.md 或其他模板名称

When creating a PR, add ?template=backend.md or other template name to the URL

或者直接复制粘贴对应模板的内容

Or simply copy and paste the content from the corresponding template

💡 提示 Tip: 推荐 PR 标题格式 type(scope): description
例如: feat(trader): add new strategy | fix(api): resolve auth issue

📝 Description | 描述

English: This PR introduces a complete UI redesign for the DarkMoon AI trading bot website, transforming it into a high-end, atmospheric dark theme. The changes involve a comprehensive overhaul of global styles, core layouts, all major pages, authentication flows, and modals, moving away from previous inline styles to a consistent Tailwind CSS-based darkmoon theme with metallic gold accents and glassmorphism effects.

中文： 本PR对DarkMoon AI交易机器人网站进行了全面的UI重新设计，将其更新为高端、大气且富有科技感的深色风格。变更涵盖了全局样式、核心布局、所有主要页面、认证流程以及模态框，摒弃了旧的内联样式，统一采用基于Tailwind CSS的darkmoon主题，并融入了金属金色点缀和玻璃质感效果。

🎯 Type of Change | 变更类型

🔗 Related Issues | 相关 Issue

Closes # | 关闭 #
Related to # | 相关 #

📋 Changes Made | 具体变更

English: ｜ 中文：

Global Styling: Defined a new darkmoon theme in tailwind.config.js with deep dark backgrounds, metallic gold accents, and updated index.css for global dark mode.
Layouts & Components: Redesigned MainLayout.tsx, AuthLayout.tsx, HeaderBar.tsx, and FooterSection.tsx with a premium dark aesthetic, including translucent glass effects for the header.
Core Pages Redesign:
- LandingPage.tsx and its sections (HeroSection, AboutSection, FeaturesSection, HowItWorksSection, CommunitySection) were refactored to use Tailwind classes, incorporating card hover effects and dark glass textures.
- The original AITradersPage.tsx was removed and its functionality refactored into a new component structure (PageHeader.tsx, AIModelsSection.tsx, ExchangesSection.tsx, TradersGrid.tsx, SignalSourceWarning.tsx), all adopting a unified card style.
- TraderDashboard.tsx (including AILearning.tsx as seen in diff) received significant styling updates for charts, positions, and decision cards, featuring a black-gold, high-contrast design with glowing effects.
- CompetitionPage.tsx and FAQPage.tsx were also updated to align with the new dark theme.
Authentication & Modals: LoginPage.tsx, RegisterPage.tsx, ResetPasswordPage.tsx, and all key configuration modals (TraderConfigModal, ExchangeConfigModal, ModelConfigModal, SignalSourceModal, TraderConfigViewModal, ComparisonChart, CryptoFeatureCard) were updated with dark, translucent backgrounds and gold-accented borders.
Code Modernization: Replaced extensive inline styles with Tailwind CSS classes across the codebase for improved maintainability and consistency.

🧪 Testing | 测试

Tested locally | 本地测试通过
Tests pass | 测试通过
Verified no existing functionality broke | 确认没有破坏现有功能

✅ Checklist | 检查清单

Code Quality | 代码质量

Code follows project style | 代码遵循项目风格
Self-review completed | 已完成代码自查
Comments added for complex logic | 已添加必要注释

Documentation | 文档

Updated relevant documentation | 已更新相关文档

Git

Commits follow conventional format | 提交遵循 Conventional Commits 格式
Rebased on latest dev branch | 已 rebase 到最新 dev 分支
No merge conflicts | 无合并冲突

📚 Additional Notes | 补充说明

English: The redesign aims to provide a more modern, professional, and visually appealing user experience consistent with the "DarkMoon" brand identity for an AI trading platform.

中文： 本次重新设计旨在为AI交易平台提供一个更现代、专业且视觉吸引力强的用户体验，与“DarkMoon”品牌形象保持一致。

By submitting this PR, I confirm | 提交此 PR，我确认：

I have read the Contributing Guidelines | 已阅读贡献指南
I agree to the Code of Conduct | 同意行为准则
My contribution is licensed under AGPL-3.0 | 贡献遵循 AGPL-3.0 许可证

🌟 Thank you for your contribution! | 感谢你的贡献！

This commit updates the UI to use the darkmoon theme, improving the overall visual consistency and user experience. Co-authored-by: aemoe0104 <aemoe0104@gmail.com>

cursor · 2025-11-22T17:05:50Z

Cursor Agent can help with this pull request. Just @cursor in comments and I'll start working on changes in this branch.
_{Learn more about Cursor Agents}

Co-authored-by: aemoe0104 <aemoe0104@gmail.com>

This commit introduces several UI improvements and new features across the application. Key changes include: - **About Section:** Added a new `Terminal` icon and improved the visual styling of the section, including a new glow effect and a more interactive terminal display. - **Animated Section:** Updated the default background color to transparent and refined the animation properties for smoother transitions. - **Community Section:** Introduced `MessageSquare` and `Twitter` icons, and redesigned the `TestimonialCard` component to be more interactive and visually appealing, linking to tweets. - **Features Section:** Added background elements for a more dynamic visual experience and updated the styling of feature cards. - **Hero Section:** Implemented a new AI grid background, refined animations, added a status badge, updated CTA buttons with icons, and improved the display of GitHub stats. The robot hand animation has also been enhanced. - **How It Works Section:** Redesigned the `StepCard` component for better visual flow and interactivity, including connecting lines and hover effects. Added a risk warning section with an `AlertTriangle` icon. - **Login Modal:** Updated the modal styling with a cleaner, more modern look, including improved button styles and backdrop blur. These changes aim to improve user engagement, provide a more polished user experience, and introduce new functionalities. Co-authored-by: aemoe0104 <aemoe0104@gmail.com>

Co-authored-by: aemoe0104 <aemoe0104@gmail.com>

Replaced framer-motion animations with a canvas-based particle system for improved performance and visual effects. Co-authored-by: aemoe0104 <aemoe0104@gmail.com>

Co-authored-by: aemoe0104 <aemoe0104@gmail.com>

Adjusted gem geometry, wave drawing, and lighting calculations for a more realistic and performant visual effect. Co-authored-by: aemoe0104 <aemoe0104@gmail.com>

Co-authored-by: aemoe0104 <aemoe0104@gmail.com>

Refactor: Update UI colors and styles to darkmoon theme

77ba01c

This commit updates the UI to use the darkmoon theme, improving the overall visual consistency and user experience. Co-authored-by: aemoe0104 <aemoe0104@gmail.com>

cursoragent and others added 16 commits November 22, 2025 17:42

feat: Add text color palette to tailwind config

9ed64d2

Co-authored-by: aemoe0104 <aemoe0104@gmail.com>

Checkpoint before follow-up message

3b86d68

Co-authored-by: aemoe0104 <aemoe0104@gmail.com>

Refactor: Enhance landing page with new sections and styling

416cbfc

Co-authored-by: aemoe0104 <aemoe0104@gmail.com>

Refactor: Update UI and styling for landing page components

0f2247c

Co-authored-by: aemoe0104 <aemoe0104@gmail.com>

feat: Add dynamic background effects to landing page

58b5522

Co-authored-by: aemoe0104 <aemoe0104@gmail.com>

Refactor: Implement canvas-based background effects

81594ab

Replaced framer-motion animations with a canvas-based particle system for improved performance and visual effects. Co-authored-by: aemoe0104 <aemoe0104@gmail.com>

feat: Add 3D diamond animation to background effects

61adba2

Co-authored-by: aemoe0104 <aemoe0104@gmail.com>

Checkpoint before follow-up message

59addbd

Co-authored-by: aemoe0104 <aemoe0104@gmail.com>

Refactor: Improve ruby gem rendering and wave effects

33c1d82

Co-authored-by: aemoe0104 <aemoe0104@gmail.com>

Refactor: Improve ruby rendering and background waves

e921598

Co-authored-by: aemoe0104 <aemoe0104@gmail.com>

Refactor: Improve gem rendering and lighting effects

571e89f

Co-authored-by: aemoe0104 <aemoe0104@gmail.com>

Refactor: Improve ruby rendering and performance

71193f4

Adjusted gem geometry, wave drawing, and lighting calculations for a more realistic and performant visual effect. Co-authored-by: aemoe0104 <aemoe0104@gmail.com>

Refactor: Boost background effects red glow and intensity

7297ce6

Co-authored-by: aemoe0104 <aemoe0104@gmail.com>

Refactor: Adjust diamond facet geometry for better appearance

d97da4d

Co-authored-by: aemoe0104 <aemoe0104@gmail.com>

Refactor: Enhance background wave animation and visuals

1f4b52c

Co-authored-by: aemoe0104 <aemoe0104@gmail.com>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Redesign DarkMoon website to dark theme#1

Redesign DarkMoon website to dark theme#1
BlockChainCodeMaster1 wants to merge 17 commits intodevfrom
cursor/redesign-darkmoon-website-to-dark-theme-gemini-3-pro-preview-c463

BlockChainCodeMaster1 commented Nov 22, 2025

Uh oh!

cursor bot commented Nov 22, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Conversation

BlockChainCodeMaster1 commented Nov 22, 2025

Pull Request | PR 提交

📝 Description | 描述

🎯 Type of Change | 变更类型

🔗 Related Issues | 相关 Issue

📋 Changes Made | 具体变更

🧪 Testing | 测试

✅ Checklist | 检查清单

Code Quality | 代码质量

Documentation | 文档

Git

📚 Additional Notes | 补充说明

Uh oh!

cursor bot commented Nov 22, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants